<link rel="stylesheet" href="./pages/home/home.css" />
<script src="./pages/home/home.js"></script>

<!-- 轮播图 -->
<div class="banner">
  <div class="banner-bd">
    <!-- 一组图片 -->
    <ul>
      <li><img src="./assets/img/index/banner1.gif" alt="" /></li>
      <!-- <li><img src="img/banner2 (1).jpg" alt=""></li>
			<li><img src="img/banner3 (1).jpg" alt=""></li> -->
    </ul>
    <!-- 左右箭头-->
    <span class="prev"></span>
    <span class="next"></span>
    <!--指示器 -->
    <ol>
      <li class="active"><a href="#"></a></li>
      <li><a href="#"></a></li>
      <li><a href="#"></a></li>
    </ol>
  </div>
</div>
<!-- 考试热击 -->
<div class="test">
  <div class="test-center">
    <span>考试热击</span>
    <div class="news">
      <ul class="n1">
        <li>
          <a href="#">
            <p>每一位相声演员口中的低学历都是真实存</p>
            <p class="time">2021-03-11</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>成人高考报名 不影响正常工作生活</p>
            <p class="time">2021-03-10</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>达到了可以升职加薪的条件，学历不够被</p>
            <p class="time">2021-03-10</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>报考成考医科专业还需要符合报名条件</p>
            <p class="time">2021-03-10</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>高学历女性对买房的事，更有决定权</p>
            <p class="time">2021-03-10</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>学历起点低的人员，升学教育提升自己的</p>
            <p class="time">2021-03-10</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>一级建造工程师考证难？老师全解分析</p>
            <p class="time">2021-03-10</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>一级消防工程师现场领取注意事项</p>
            <p class="time">2021-03-10</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>资格考试报名流程！执业药师考生注意</p>
            <p class="time">2021-03-09</p>
          </a>
        </li>
      </ul>
      <ul class="n1">
        <li>
          <a href="#">
            <p>各种类型直接的专升本到手的毕业证书有</p>
            <p class="time">2021-03-09</p>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- 楼层 -->
<div class="floor">
  <!--  -->
  <div class="floor-center">
    <!-- 01热门课程 -->
    <div class="first">
      <div class="first-center">
        <img src="./assets/img/index/wenzi1.jpg" alt="" />
        <div class="first_content">
          <div class="container">
            <div class="hd">
              <ul>
                <li class="item-1">
                  <i></i>
                  <div class="text">
                    <h3>工程师系列</h3>
                    <p>更多职业升职空间</p>
                  </div>
                </li>
                <li class="item-2">
                  <i></i>
                  <div class="text">
                    <h3>健康类</h3>
                    <p>含金量极高的资格证书</p>
                  </div>
                </li>
                <li class="item-3">
                  <i></i>
                  <div class="text">
                    <h3>建造师系列</h3>
                    <p>建筑类学院的最佳选择</p>
                  </div>
                </li>
                <li class="item-4">
                  <i></i>
                  <div class="text">
                    <h3>热门行业资格证</h3>
                    <p>拓宽人生道路的选择</p>
                  </div>
                </li>
                <li class="item-5">
                  <i></i>
                  <div class="text">
                    <h3>会计类</h3>
                    <p>会计深度资格证书</p>
                  </div>
                </li>
                <li class="item-6">
                  <i></i>
                  <div class="text">
                    <h3>造价经济类</h3>
                    <p>含金量高，物超所值</p>
                  </div>
                </li>
              </ul>
            </div>
            <ul class="bd">
              <li class="item-1">
                <div class="btn-info">
                  <a href="#">消防工程师</a>
                  <a href="#">注册安全工程师</a>
                  <a href="#">消防设施操作员初级</a>
                  <a href="#">消防设施操作员中级</a>
                </div>
              </li>
              <!-- <li class="item-2">
								<div class="btn-info">
									<a href="#">健康管理师</a>
									<a href="#">执业药师</a>
									<a href="#">心理咨询师</a>
									<a href="#">营养师</a>
									<a href="#">护士执业资格证</a>
								</div>
							</li>
							<li class="item-3">
								<div class="btn-info">
									<a href="#">2021一级建造师</a>
									<a href="#">2021二级建造师</a>
								</div>
							</li>
							<li class="item-4">
								<div class="btn-info">
									<a href="#">易经国学</a>
									<a href="#">网红</a>
									<a href="#">淘系电商</a>
									<a href="#">教师资格证</a>
									<a href="#">BIM</a>
								</div>
							</li>
							<li class="item-5">
								<div class="btn-info">
									<a href="#">初级会计师</a>
									<a href="#">中级会计师</a>
								</div>
							</li>
							<li class="item-6">
								<div class="btn-info">
									<a href="#">一级造价师</a>
									<a href="#">二级造价师</a>
									<a href="#">初级经济师</a>
									<a href="#">中级经济师</a>
								</div>
							</li> -->
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="second">
      <div class="center">
        <img src="./assets/img/index/wenzi2.jpg" alt="" />
        <div class="teacher">
          <!-- 左右箭头-->
          <span class="prev"></span>
          <span class="next"></span>
          <div class="info">
            <div class="detail">
              <img src="./assets/img/index/hanlaoshi.jpg" alt="" />
              <div class="jbxx">
                <h2>
                  <p class="title">韩老师</p>
                  <span>览众教育特聘一级讲师</span>
                  <b>老师在线</b>
                </h2>
                <p>
                  河北工程大学，采矿工程专业，工学硕士
                  曾在世界500强企业从事消防工程项目施工管理工作，先后担任专业技术负责人，技术总负责人等职务，多年消防工程师教研教学经验，工程师职称，一次高分通过一级注册消防工程师。
                  熟识建筑防火及各类消防设施系统。授课细致认真、亲和力强，富有责任心，善于从工程实例中讲解相关知识点，擅长提炼串讲知识点，能通过独特的记忆技巧提高学员的理解和记忆水平。
                </p>
              </div>
            </div>
            <div class="a-course">
              <ul class="f1">
                <li>
                  <p>第一章 消防法及相关法规（一）</p>
                  <a href="#"> 免费课程 </a>
                </li>
                <li>
                  <p>第二章 消防法及相关法规（二）</p>
                  <a href="#"> 免费课程 </a>
                </li>
                <li>
                  <p>第三章 消防法及相关法规（三）</p>
                  <a href="#"> 免费课程 </a>
                </li>
                <li>
                  <p></p>
                  <a href="#"> 更多课程>> </a>
                </li>
              </ul>
              <ul class="f1">
                <li>
                  <p>第四章 消防法及相关法规（四）</p>
                  <a href="#"> 免费课程 </a>
                </li>
                <li>
                  <p>第五章 消防法及相关法规（五）</p>
                  <a href="#"> 免费课程 </a>
                </li>
                <li>
                  <p>第六章 消防法及相关法规（六）</p>
                  <a href="#"> 免费课程 </a>
                </li>
                <li>
                  <p></p>
                  <a href="#"> 更多资讯>> </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="third">
      <div class="center">
        <img src="./assets/img/index/wenzi3.jpg" alt="" />
        <h1><span>览众教育</span>精品课程</h1>
        <img src="/assets/img/index/index03 (1).jpg" alt="" />
        <div class="c1">
          <ul>
            <li><img src="img/index03(1).jpg" alt="" /></li>
            <li><img src="img/index03 (1).jpg" alt="" /></li>
            <li><img src="img/index03 (3).jpg" alt="" /></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="forth">
      <div class="center">
        <img src="./assets/img/index/wenzi4.jpg" alt="" />
      </div>
      <div class="c2">
        <ul>
          <li>
            <div class="container">
              <div class="c2_title"><a href="#">览众优秀班主任</a></div>
              <h5><a href="#">王老师</a></h5>
              <img src="./assets/img/index/company-L.png" alt="" />
              <div class="writer">
                <span><a href="#">发布作者</a></span>
                <span><a href="#">学员评分：五星</a></span>
              </div>
              <div class="detail">
                王老师教育从业经验丰富，所带班次通过率较高。亲和力强，富有责任心，深受学员的喜爱，被多年评选为览众教育明星班主任。
              </div>
              <a href="#">Read More</a>
            </div>
          </li>
          <li>
            <div class="container">
              <div class="c2_title"><a href="#">览众优秀班主任</a></div>
              <h5><a href="#">贾老师</a></h5>
              <img src="./assets/img/index/company--L.png" alt="" />
              <div class="writer">
                <span><a href="#">发布作者</a></span>
                <span><a href="#">学员评分：五星</a></span>
              </div>
              <div class="detail">
                贾老师教育从业经验丰富，所带班次通过率较高。亲和力强，富有责任心，深受学员的喜爱，被多年评选为览众教育明星班主任。
              </div>
              <a href="#">Read More</a>
            </div>
          </li>
          <li>
            <div class="container">
              <div class="c2_title"><a href="#">览众优秀班主任</a></div>
              <h5><a href="#">田老师</a></h5>
              <img src="./assets/img/index/company-4.png" alt="" />
              <div class="writer">
                <span><a href="#">发布作者</a></span>
                <span><a href="#">学员评分：五星</a></span>
              </div>
              <div class="detail">
                田老师教育从业经验丰富，所带班次通过率较高。亲和力强，富有责任心，深受学员的喜爱，被多年评选为览众教育明星班主任。
              </div>
              <a href="#">Read More</a>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="fifth">
      <div class="center">
        <img src="./assets/img/index/wenzi5.jpg" alt="" />
      </div>
      <div class="all_img">
        <ul>
          <li>
            <a href="#">
              <img src="./assets/img/index/youshi1.jpg" alt="" />
              <div class="mask"></div>
              <!-- <p>法律保障</p> -->
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./assets/img/index/youshi2.jpg" alt="" />
              <div class="mask"></div>
              <!-- <p>师资保障</p> -->
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./assets/img/index/youshi3.jpg" alt="" />
              <div class="mask"></div>
              <!-- <p>支付保障</p> -->
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./assets/img/index/youshi4.jpg" alt="" />
              <div class="mask"></div>
              <!-- <p>在线题库</p> -->
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./assets/img/index/youshi5.jpg" alt="" />
              <div class="mask"></div>
              <!-- <p>限时答疑</p> -->
            </a>
          </li>
          <li>
            <a href="#">
              <img src="./assets/img/index/youshi6.jpg" alt="" />
              <div class="mask"></div>
              <!-- <p>千人千面</p> -->
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- 排行榜 -->
<div class="record">
  <div class="top">
    <p>报名学员排行榜</p>
  </div>
  <div class="list_content">
    <dl>
      <dd>姓名</dd>
      <dd>课程</dd>
      <dd>班级</dd>
      <dd>开课</dd>
      <dd>班主任</dd>
    </dl>
    <div class="list">
      <ul>
        <li>
          <div>方学员</div>
          <div>二建机电工程全科</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>王学员</div>
          <div>二级造价师</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>李学员</div>
          <div>中级会计师</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>刘学员</div>
          <div>执业药师</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>方学员</div>
          <div>消防设施操作员初级</div>
          <div>精讲提升班</div>
          <div>已开通</div>
          <div>王老师</div>
        </li>
        <li>
          <div>方学员</div>
          <div>二建机电工程全科</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>方学员</div>
          <div>二建机电工程全科</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>方学员</div>
          <div>二建机电工程全科</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>方学员</div>
          <div>二建机电工程全科</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>方学员</div>
          <div>二建机电工程全科</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
        <li>
          <div>方学员</div>
          <div>二建机电工程全科</div>
          <div>密训取证班</div>
          <div>已开通</div>
          <div>田老师</div>
        </li>
      </ul>
    </div>
  </div>
  <div class="list_ft">
    <ul>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
      <li>
        <a href="#"
          >览众教育播报：恭喜王学员报名消防设施操作员初级-全程无忧班距离成功又进了一步！</a
        >
      </li>
    </ul>
  </div>
</div>
